<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 英文单词表示颜色 -->
    <h1 id="hh" class="cc" style="color: skyblue;" >英文单词表示颜色</h1>

    <!-- 红绿蓝颜色通道 取值范围[0,255] -->
    <h1 style="color:rgb(255,0,0)">红绿蓝颜色通道</h1>
    <h1 style="color:rgb(0,255,0)">红绿蓝颜色通道</h1>
    <h1 style="color:rgb(0,0,255)">红绿蓝颜色通道</h1>

    <!-- 叠加透明度通道alpha 取值范围[0,1]  -->
    <!-- 不建议使用透明度 要经过GPU的复杂运算换算为具体的实色 渲染性能垃圾 -->
    <h1 style="color:rgba(0,0,255,0.1)">红绿蓝颜色通道</h1>

    <!-- 十六进制数表示 -->
    <h1 style="color:#ff0000" >十六进制数表示</h1>
    <h1 style="color:#00ff00" >十六进制数表示</h1>
    <h1 style="color:#0000ff" >十六进制数表示</h1>
    <h1 style="color:#0000ff33" >十六进制数表示</h1>

    <!-- 十六进制简写 -->
    <h1 style="color:#f00" >十六进制数表示</h1>
    <h1 style="color:#0f0" >十六进制数表示</h1>
    <h1 style="color:#00f" >十六进制数表示</h1>
    <h1 style="color:#00f3" >十六进制数表示</h1>

    <!-- 手动调颜色 -->
    <h1 style="color:rgba(204, 19, 195, 0.76)" >手动调颜色</h1>
    <h1 style="color:rgb(0, 93, 180)" >手动调颜色</h1>

</body>
</html>